<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-承运商车辆信息</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="../sfy/styles/fonts/iconfont.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
    <!--头部-->
    <div class="g_header">
        <div class="g_hea_g1">
            <div class="g_hea_g2">
                <!-- <span class="g_hea_img1" id="trigger-overlay"></span> -->
                <img src="images/yly-logo.png" alt="">
                <span class="g_hea_img1" id="trigger-overlay">
                    <img src="images/logo-menu.png" alt="">
                </span>
                <div class="g_hea_login">管理员管理员,欢迎您登陆
                    <span></span>
                    <div class="userboxinfo userboxinfob">
                        <ul class="ul_userlist">
                            <li>
                                <a href="/updatePwd">修改密码</a>
                            </li>
                            <li>
                                <a href="/logout">退出</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="g_hear">
                    <a href="#">
                        <img src="images/icon_home.png">首页</a>
                    <a href="#">
                        <img src="images/sf1_07.png">传链社区</a>
                    <a href="#">
                        <img src="images/sf1_09.png">服务中心</a>
                    <a href="message.html">
                        <i>22</i>消息</a>
                </div>
            </div>
        </div>
        <div class="overlay overlay-genie " data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z"
            id="g_hea_con">
            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none" class="svg1">
                <path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z" />
            </svg>
            <ul class="g_hea_ul">
                <li class="li1">System Management</li>
                <li class="li2">基础资料</li>
                <li class="li3">耗材管理</li>
                <li class="li4">科室管理</li>
                <li class="li5">财务管理</li>
                <li class="li6">统计查询</li>
            </ul>
            <div class="g_hea_ulbox">
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li>系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="sfy_nav.html" class="g_hea_a1">用户参数设置1</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1 active">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置2</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置3</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置4</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置5</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置6</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
            </div>
            <img src="images/cross.png" class="g_hea_close">
        </div>
    </div>
    <!-- 按钮 当前位置-->
    <div class="g_header_nav">
        <div class="g_header_t">
            <div class="operate-btns">
                <a href="" class="fbtn fb-save">保存</a>
                <a href="" class="fbtn fb-car">去派车</a>
            </div>
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li>
                    <a href="#">物流订单排车</a>
                </li>
            </ol>
            <h3 class="current_module">物流订单排车</h3>
        </div>
    </div>
    <!--end  按钮 当前位置-->
    <!--end头部-->
    <div class="content">
        <!-- 查询 -->
        <div class="arrange-top bg-white">
            <div class="arrange-topfl displayflex fl">
                <div class="text-input bg-ash">
                    <span class="flexitem">排车日期</span>
                    <input class="flex1" type="text" value="2018-01-03">
                </div>
                <div class="text-input bg-ash">
                    <span class="flexitem">车牌号</span>
                    <input class="flex1" type="text" value="鄂A 88825">
                </div>
                <label class="icon-checkbox">
                    <input type="checkbox">
                    <span><i>集货并车</i></span>
                </label>
            </div>
            <div class="arrange-topfr fl">
                <p>已选承运物流订单：</p>
                <ul>
                    <li class="displayflex">
                        <div class="text-input bg-white">
                            <span class="flexitem">订单数</span>
                            <input class="flex1" type="text" value="11">
                        </div>
                        <span>个</span>
                    </li>
                    <li class="displayflex">
                        <div class="text-input bg-white">
                            <span class="flexitem">件数</span>
                            <input class="flex1" type="text" value="850">
                        </div>
                        <span>件</span>
                    </li>
                    <li class="displayflex">
                        <div class="text-input bg-white">
                            <span class="flexitem">体积</span>
                            <input class="flex1" type="text" value="50">
                        </div>
                        <span>m³</span>
                    </li>
                    <li class="displayflex">
                        <div class="text-input bg-white">
                            <span class="flexitem">重量</span>
                            <input class="flex1" type="text" value="50">
                        </div>
                        <span>kg</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="arrange-top2 clear">
            <div class="aline">
                <div class="w-30 plr8 fl">
                    <div class="text-input displayflex bg-white">
                        <span class="">线路名称</span>
                        <select name="interest" class="flex1">
                            <option value="">请选择</option>
                            <option value="0">写作</option>
                            <option value="1">阅读</option>
                            <option value="2">游戏</option>
                            <option value="3">音乐</option>
                            <option value="4">旅行</option>
                        </select>
                    </div>
                </div>
                <div class="w-30 plr8 fl">
                    <div class="text-input displayflex bg-white">
                        <span class="">要求要货时间</span>
                        <input class="flex1" type="text" placeholder="" name="date" action="date">
                    </div>
                </div>
                <div class="w-30 plr8 fl">
                    <div class="text-input displayflex bg-white">
                        <span class="">业务单号</span>
                        <input class="flex1" type="text" placeholder="">
                    </div>
                </div>
                <div class="fr">
                    <a href="" class="top-search-btn iconfont icon-search">查询</a>
                </div>
            </div>
            <div id="alinebox">
                <div class="aline displayflex clear">
                    <b class="flexitem">温度要求</b>
                    <p class="flex1">
                        <a href="" class="active">不限</a>
                        <a href="" class="">冷冻</a>
                        <a href="" class="">冷藏</a>
                        <a href="" class="">阴凉</a>
                        <a href="" class="">常温</a>
                    </p>
                </div>
                <div class="aline displayflex clear">
                    <b class="flexitem">上门取货</b>
                    <p class="flex1">
                        <a href="" class="active">不限</a>
                        <a href="" class="">是</a>
                        <a href="" class="">否</a>
                    </p>
                </div>
                <div class="aline displayflex clear">
                    <b class="flexitem">装载要求</b>
                    <p class="flex1">
                        <a href="" class="active">不限</a>
                        <a href="" class="">易碎</a>
                        <a href="" class="">禁止倒置</a>
                    </p>
                </div>
                <div class="aline displayflex clear">
                    <b class="flexitem">订单件数</b>
                    <p class="flexitem">
                        <a href="" class="active">不限</a>
                        <a href="" class="">0-20件</a>
                        <a href="" class="">20-50件</a>
                        <a href="" class="">50-200件</a>
                        <a href="" class="">200-500件</a>
                        <a href="" class="">500件以上</a>
                        <div class="text-input flexitem num-section bg-white">
                            <input class="flex1" type="text" placeholder=""> 件
                            <i></i>
                            <input class="flex1" type="text" placeholder=""> 件
                        </div>
                    </p>
                </div>
                <div class="aline displayflex clear">
                    <b class="flexitem">车型要求</b>
                    <p class="flex1">
                        <a href="" class="active">不限</a>
                        <a href="" class="">厢式货车</a>
                        <a href="" class="">冷藏车</a>
                        <a href="" class="">厢式货车+保温箱</a>
                    </p>
                </div>
            </div>
            <a href="javascript:;" class="toggleBtn"></a>
        </div>

        <!-- end 查询 -->
        <div class="bd-lft" style="padding-left: 316px">
            <div class="main mt-20">
                <div class="carTabTit">
                    <a href="javascript:;" class="active">待排车(10)</a>
                    <a href="javascript:;">已排车(5)</a>
                </div>
                <div class="arrange-con">
                    <div class="arrange-list">
                        <dl class="arrange-dl displayflex">
                            <dt class="flex1">
                                <h3>天津市/和平区 <i class="iconfont icon-route"></i> 上海市/黄浦区</h3>
                                <div class="button">
                                    <span class="iconfont icon-cold">冷链</span>
                                    <span class="iconfont icon-car">专车</span>
                                </div>
                                <ul>
                                    <li class="w-33">要求要达时间：<b>2017-11-27</b></li>
                                    <li class="w-66">物流区域配送：<b>华南区</b></li>
                                    <li class="w-33">件数：<b class="font-orange">100</b>件</li>
                                    <li class="w-33">重量：<b class="font-orange">500</b>kg</li>
                                    <li class="w-33">体积：<b class="font-orange">300</b>m³</li>
                                    <li class="displayflex clear">业务单号：<b>2YWD2018001003546</b></li>
                                    <li class="displayflex clear">收货方：<b>长青药房</b>(上海市黄埔区制造局路639号)</li>
                                </ul>
                            </dt>
                            <dd class="flexitem">
                                <a href="" class="arrange-btn arrange-load">装车</a>
                                <a href="javascript:;" class="arrange-btn arrange-detail">详情</a>
                                <a href="" class="arrange-btn arrange-del">拒单</a>
                            </dd>
                        </dl>
                        <dl class="arrange-dl displayflex">
                            <dt class="flex1">
                                <h3>武汉市/江汉区 <i class="iconfont icon-route"></i> 深圳市/罗湖区</h3>
                                <ul>
                                    <li class="w-33">要求要达时间：<b>2017-11-27</b></li>
                                    <li class="w-66">物流区域配送：<b>华南区</b></li>
                                    <li class="w-33">件数：<b class="font-orange">20</b>件</li>
                                    <li class="w-33">重量：<b class="font-orange">300</b>kg</li>
                                    <li class="w-33">体积：<b class="font-orange">50</b>m³</li>
                                    <li class="displayflex clear">业务单号：<b>2YWD2018001003546</b></li>
                                    <li class="displayflex clear">收货方：<b>惠民医院</b>(深圳市罗湖区人民南路1066)</li>
                                </ul>
                            </dt>
                            <dd class="flexitem">
                                <a href="" class="arrange-btn arrange-load">装车</a>
                                <a href="javascript:;" class="arrange-btn arrange-detail">详情</a>
                                <a href="" class="arrange-btn arrange-del">拒单</a>
                            </dd>
                        </dl>
                        <dl class="arrange-dl displayflex">
                            <dt class="flex1">
                                <h3>天津市/和平区 <i class="iconfont icon-route"></i> 上海市/黄浦区</h3>
                                <div class="button">
                                    <span class="iconfont icon-cold">冷链</span>
                                    <span class="iconfont icon-car">专车</span>
                                </div>
                                <ul>
                                    <li class="w-33">要求要达时间：<b>2017-11-27</b></li>
                                    <li class="w-66">物流区域配送：<b>华南区</b></li>
                                    <li class="w-33">件数：<b class="font-orange">100</b>件</li>
                                    <li class="w-33">重量：<b class="font-orange">500</b>kg</li>
                                    <li class="w-33">体积：<b class="font-orange">300</b>m³</li>
                                    <li class="displayflex clear">业务单号：<b>2YWD2018001003546</b></li>
                                    <li class="displayflex clear">收货方：<b>长青药房</b>(上海市黄埔区制造局路639号)</li>
                                </ul>
                            </dt>
                            <dd class="flexitem">
                                <a href="" class="arrange-btn arrange-load">装车</a>
                                <a href="javascript:;" class="arrange-btn arrange-detail">详情</a>
                                <a href="" class="arrange-btn arrange-del">拒单</a>
                            </dd>
                        </dl>
                        <div class="table-page clearfix">
                            <a href="">上一页</a>
                            <a href="">下一页</a>
                            <span>第<i>1</i>页</span>
                            <span>共<em>2</em>页</span>
                        </div>
                    </div>
                    <div class="arrange-list">
                        <dl class="arrange-dl displayflex">
                            <dt class="flex1">
                                <h3>天津市/和平区 <i class="iconfont icon-route"></i> 上海市/黄浦区</h3>
                                <div class="button">
                                    <span class="iconfont icon-car">专车</span>
                                </div>
                                <ul>
                                    <li class="w-33">要求要达时间：<b>2017-11-27</b></li>
                                    <li class="w-66">物流区域配送：<b>华南区</b></li>
                                    <li class="w-33">件数：<b class="font-orange">100</b>件</li>
                                    <li class="w-33">重量：<b class="font-orange">500</b>kg</li>
                                    <li class="w-33">体积：<b class="font-orange">300</b>m³</li>
                                    <li class="displayflex clear">业务单号：<b>2YWD2018001003546</b></li>
                                    <li class="displayflex clear">收货方：<b>长青药房</b>(上海市黄埔区制造局路639号)</li>
                                </ul>
                            </dt>
                            <dd class="flexitem">
                                <a href="" class="arrange-btn arrange-load">取消装车</a>
                                <a href="javascript:;" class="arrange-btn arrange-detail">详情</a>
                            </dd>
                        </dl>
                        <dl class="arrange-dl displayflex">
                            <dt class="flex1">
                                <h3>武汉市/江汉区 <i class="iconfont icon-route"></i> 深圳市/罗湖区</h3>
                                <ul>
                                    <li class="w-33">要求要达时间：<b>2017-11-27</b></li>
                                    <li class="w-66">物流区域配送：<b>华南区</b></li>
                                    <li class="w-33">件数：<b class="font-orange">20</b>件</li>
                                    <li class="w-33">重量：<b class="font-orange">300</b>kg</li>
                                    <li class="w-33">体积：<b class="font-orange">50</b>m³</li>
                                    <li class="displayflex clear">业务单号：<b>2YWD2018001003546</b></li>
                                    <li class="displayflex clear">收货方：<b>惠民医院</b>(深圳市罗湖区人民南路1066)</li>
                                </ul>
                            </dt>
                            <dd class="flexitem">
                                <a href="" class="arrange-btn arrange-load">取消装车</a>
                                <a href="javascript:;" class="arrange-btn arrange-detail">详情</a>
                            </dd>
                        </dl>
                        <dl class="arrange-dl displayflex">
                            <dt class="flex1">
                                <h3>天津市/和平区 <i class="iconfont icon-route"></i> 上海市/黄浦区</h3>
                                <div class="button">
                                    <span class="iconfont icon-cold">冷链</span>
                                    <span class="iconfont icon-car">专车</span>
                                </div>
                                <ul>
                                    <li class="w-33">要求要达时间：<b>2017-11-27</b></li>
                                    <li class="w-66">物流区域配送：<b>华南区</b></li>
                                    <li class="w-33">件数：<b class="font-orange">100</b>件</li>
                                    <li class="w-33">重量：<b class="font-orange">500</b>kg</li>
                                    <li class="w-33">体积：<b class="font-orange">300</b>m³</li>
                                    <li class="displayflex clear">业务单号：<b>2YWD2018001003546</b></li>
                                    <li class="displayflex clear">收货方：<b>长青药房</b>(上海市黄埔区制造局路639号)</li>
                                </ul>
                            </dt>
                            <dd class="flexitem">
                                <a href="" class="arrange-btn arrange-load">取消装车</a>
                                <a href="javascript:;" class="arrange-btn arrange-detail">详情</a>
                            </dd>
                        </dl>
                        <dl class="arrange-dl displayflex">
                            <dt class="flex1">
                                <h3>天津市/和平区 <i class="iconfont icon-route"></i> 上海市/黄浦区</h3>
                                <div class="button">
                                    <span class="iconfont icon-cold">冷链</span>
                                </div>
                                <ul>
                                    <li class="w-33">要求要达时间：<b>2017-11-27</b></li>
                                    <li class="w-66">物流区域配送：<b>华南区</b></li>
                                    <li class="w-33">件数：<b class="font-orange">100</b>件</li>
                                    <li class="w-33">重量：<b class="font-orange">500</b>kg</li>
                                    <li class="w-33">体积：<b class="font-orange">300</b>m³</li>
                                    <li class="displayflex clear">业务单号：<b>2YWD2018001003546</b></li>
                                    <li class="displayflex clear">收货方：<b>长青药房</b>(上海市黄埔区制造局路639号)</li>
                                </ul>
                            </dt>
                            <dd class="flexitem">
                                <a href="" class="arrange-btn arrange-load">取消装车</a>
                                <a href="javascript:;" class="arrange-btn arrange-detail">详情</a>
                            </dd>
                        </dl>
                        <div class="table-page clearfix">
                            <a href="">上一页</a>
                            <a href="">下一页</a>
                            <span>第<i>1</i>页</span>
                            <span>共<em>2</em>页</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="aside cyspc_LeftTable" style="width:296px;left:-316px;">
                <b class="font-blue">共有10条车辆信息</b>
                <div class="text-input search-input displayflex mb-10 mt-10 bg-ash">
                    <input class="flex1" type="text" value="车牌号">
                    <a href="" class="iconfont icon-search"></a>
                </div>
                <table class="table table_TabCon">
                    <thead>
                        <tr>
                            <th>车辆信息</th>
                            <th>可装载件数</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="2">
                                <ul class="cyspc_LeftTr">
                                    <li class="fl mr-10">
                                        <div class="LeftTr_img">
                                            <img src="images/img_11_04.png" alt="">
                                            <a href=""><img src="images/img_20_15.png" alt=""></a>
                                        </div>
                                        <label class="checkbox-inline">
                                            <input type="checkbox" id="agree" name="agree"> 
                                            <span>选择</span>
                                        </label>
                                    </li>
                                    <li class="fl">
                                        <b>鄂A88825</b>
                                        <p>五十铃</p>
                                        <p>李师傅</p>
                                        <p>13802166008</p>
                                    </li>
                                    <li class="fr">
                                        <b class="font-blue tac">850<i>件</i></b>
                                        <a href="javascript:;" class="driver">选司机</a>
                                    </li>
                                </ul>
                                <div class="progress_rate">
                                    <span class="fl">装车进度</span>
                                    <div class="progress">
                                        <div class="progress-bar progress-bar-danger" style="width: 20%;">200</div>
                                        <div class="progress-value">1000</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <ul class="cyspc_LeftTr">
                                    <li class="fl mr-10">
                                        <div class="LeftTr_img">
                                            <img src="images/img_11_04.png" alt="">
                                            <a href=""><img src="images/img_20_15.png" alt=""></a>
                                        </div>
                                        <label class="checkbox-inline">
                                            <input type="checkbox" id="agree" name="agree"> 
                                            <span>选择</span>
                                        </label>
                                    </li>
                                    <li class="fl">
                                        <b>鄂A88825</b>
                                        <p>五十铃</p>
                                        <p>李师傅</p>
                                        <p>13802166008</p>
                                    </li>
                                    <li class="fr">
                                        <b class="font-blue tac">850<i>件</i></b>
                                        <a href="javascript:;" class="driver">选司机</a>
                                    </li>
                                </ul>
                                <div class="progress_rate">
                                    <span class="fl">装车进度</span>
                                    <div class="progress">
                                        <div class="progress-bar progress-bar-danger" style="width: 90%;">900</div>
                                        <div class="progress-value">1000</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <ul class="cyspc_LeftTr">
                                    <li class="fl mr-10">
                                        <div class="LeftTr_img">
                                            <img src="images/img_11_04.png" alt="">
                                            <a href=""><img src="images/img_20_15.png" alt=""></a>
                                        </div>
                                        <label class="checkbox-inline">
                                            <input type="checkbox" id="agree" name="agree"> 
                                            <span>选择</span>
                                        </label>
                                    </li>
                                    <li class="fl">
                                        <b>鄂A88825</b>
                                        <p>五十铃</p>
                                        <p>李师傅</p>
                                        <p>13802166008</p>
                                    </li>
                                    <li class="fr">
                                        <b class="font-blue tac">850<i>件</i></b>
                                        <a href="javascript:;" class="driver">选司机</a>
                                    </li>
                                </ul>
                                <div class="progress_rate">
                                    <span class="fl">装车进度</span>
                                    <div class="progress">
                                        <div class="progress-bar progress-bar-danger" style="width: 78%;">780</div>
                                        <div class="progress-value">1000</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <ul class="cyspc_LeftTr">
                                    <li class="fl mr-10">
                                        <div class="LeftTr_img">
                                            <img src="images/img_11_04.png" alt="">
                                            <a href=""><img src="images/img_20_15.png" alt=""></a>
                                        </div>
                                        <label class="checkbox-inline">
                                            <input type="checkbox" id="agree" name="agree"> 
                                            <span>选择</span>
                                        </label>
                                    </li>
                                    <li class="fl">
                                        <b>鄂A88825</b>
                                        <p>五十铃</p>
                                        <p>李师傅</p>
                                        <p>13802166008</p>
                                    </li>
                                    <li class="fr">
                                        <b class="font-blue tac">850<i>件</i></b>
                                        <a href="javascript:;" class="driver">选司机</a>
                                    </li>
                                </ul>
                                <div class="progress_rate">
                                    <span class="fl">装车进度</span>
                                    <div class="progress">
                                        <div class="progress-bar progress-bar-danger" style="width: 50%;">500</div>
                                        <div class="progress-value">1000</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <!-- 弹框 -->
    <div id="popup" style="display: none;">
        <dl class="arrange-dl displayflex tal">
            <dt class="flex1">
                <h3>天津市/和平区 <i class="iconfont icon-route"></i> 上海市/黄浦区</h3>
                <ul>
                    <li class="w-33">业务单号：<b>大健康药房</b></li>
                    <li class="w-66">收货单位：<b>YWD200000192</b></li>
                    <li class="w-33">体积：<b class="font-orange">300</b>m³</li>
                    <li class="w-33">件数：<b class="font-orange">100</b>件</li>
                    <li class="w-33">重量：<b class="font-orange">500</b>kg</li>
                </ul>
            </dt>
        </dl>
        <table class="table table-top mt-10">
            <thead>
                <tr>
                    <th class="not-wrap">序号</th>
                    <th>商品编码</th>
                    <th>名称</th>
                    <th>规格</th>
                    <th>生产厂家</th>
                    <th>批号</th>
                    <th style="width: 60px">原件数（件）</th>
                    <th style="width: 90px">装车件数（件）</th>
                    <th style="width: 60px">体积（m³）</th>
                    <th style="width: 60px">重量（kg）</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>01</td>
                    <td>XSD0010001</td>
                    <td>阿莫西林胶囊</td>
                    <td>12片*4板*200盒</td>
                    <td>吉林省东大科技制药有限公司</td>
                    <td>20171010</td>
                    <td>18</td>
                    <td>2</td>
                    <td>10</td>
                    <td>30</td>
                </tr>
                <tr>
                    <td>02</td>
                    <td>XSD0010001</td>
                    <td>阿莫西林胶囊</td>
                    <td>12片*4板*200盒</td>
                    <td>吉林省东大科技制药有限公司</td>
                    <td>20171010</td>
                    <td>18</td>
                    <td>2</td>
                    <td>10</td>
                    <td>30</td>
                </tr>
                <tr>
                    <td>03</td>
                    <td>XSD0010001</td>
                    <td>阿莫西林胶囊</td>
                    <td>12片*4板*200盒</td>
                    <td>吉林省东大科技制药有限公司</td>
                    <td>20171010</td>
                    <td>18</td>
                    <td>2</td>
                    <td>10</td>
                    <td>30</td>
                </tr>
                <tr>
                    <td>04</td>
                    <td>XSD0010001</td>
                    <td>阿莫西林胶囊</td>
                    <td>12片*4板*200盒</td>
                    <td>吉林省东大科技制药有限公司</td>
                    <td>20171010</td>
                    <td>18</td>
                    <td>2</td>
                    <td>10</td>
                    <td>30</td>
                </tr>
                <tr>
                    <td>05</td>
                    <td>XSD0010001</td>
                    <td>阿莫西林胶囊</td>
                    <td>12片*4板*200盒</td>
                    <td>吉林省东大科技制药有限公司</td>
                    <td>20171010</td>
                    <td>18</td>
                    <td>2</td>
                    <td>10</td>
                    <td>30</td>
                </tr>
            </tbody>
        </table>
    </div>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="lib/paging.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/small_Calendar.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
    <script>
        $(document).ready(function() {
            // 选项卡
            $('.carTabTit a').each(function(index, value) {
                $(value).addClass("a" + index)
            });

            $(".carTabTit a").click(function() {
                $(this).addClass('active').siblings().removeClass('active');
                var index = $(this).index();
                number = index;
                $('.arrange-list').hide();
                $('.arrange-list:eq(' + index + ')').show();
            });

            // 弹出框
            $('.arrange-detail').on('click', function() {
                app.layeropen({
                    type: 1,
                    area: '800px',
                    title: '订单详情',
                    closeBtn: 1,
                    // btn: ['关闭'],
                    skin: 'popup-btn popup-btn-close',
                    content: $('#popup').html()
                })
            });

            // 手风琴
            var isdown = false;
            $(".toggleBtn").click(function () {
                if (isdown) {
                    isdown = false;
                    $(this).parent(".arrange-top2").css({ "height": "78px" });
                    $(this).siblings("#alinebox").css({ "display": "none" });
                    $(this).siblings().eq(0).css({ "margin-bottom": "20px", "display": "block" });
                    $(this).css({ "background": "url(images/img4_15.png)" });
                } else {
                    isdown = true;
                    $(this).parent(".arrange-top2").css({ "height": "auto" });
                    $(this).siblings("#alinebox").css({ "display": "block" });
                    $(this).siblings().eq(0).css({ "margin-bottom": "0" });
                    $(this).css({ "background": "url(images/img4_19.png)" });
                }
            });
            
            // 滚动固定顶部
            var navH = $(".arrange-top").offset().top; //获取要定位元素距离浏览器顶部的距离
            //滚动条事件
            $(window).scroll(function() {
                //获取滚动条的滑动距离
                var scroH = $(this).scrollTop();
                //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定
                if (scroH >= navH) {
                    $(".arrange-top").css({
                        "position": "fixed",
                        "top": "80px"
                    });
                } else if (scroH < navH) {
                    $(".arrange-top").css({
                        "position": "static"
                    });
                }
            });
        })
    </script>
</body>

</html>